<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		/* 1.继承性 给父元素设置样式 子元素继承样式
			color font开头 text开头 line开头属性都可以继承
		*/
		#one{
			color: red;
			font-size: 28px;
			/* 文本水平对齐方式 */
			text-align: center;
			/* 设置行高 */
			line-height: 30px;
			border: 1px solid blue;
		}
		
		/* #two{
			color: red;
		} */
		/* p.two{
			color: pink;
		} */
		/* .two{
			color: blue;
		} */
		/* *{
			color: aqua !important; !important优先级最高 使用在属性后面
		} */
	</style>
</head>
<body>
	<div id="one" class="one">我是父亲
		<div>我是儿子
			<div>我是孙子</div>
		</div>
		<a href="#">百度一下</a>
		<h1>一级标题</h1>
	</div>
	<p class="one">段落标签</p>
	<!-- <p id="two" style="color: blue;">段落标签</p> -->
	<p id="two" class="two second">段落标签</p>
	<p>段落标签</p>
	<p>段落标签</p>

	<!-- 3.优先级 
		!important 优先级最高 不计入计算 不建议直接使用 
		style 行内样式内联样式 权重为1000
		id选择器 权重为100 
		类class选择器/伪类选择器 权重为10
		标签选择器/伪元素选择器/属性选择器  权重为1
		通配符选择器 权重为0
	-->
</body>
</html>